<div class="box box-default">
  <div class="box-body">
    <form class="form-inline">
      <div class="box box-default">
        <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
          <button *ngIf="_.includes(menuResourceSet,'btn-sf-checkpass')" class="btn btn-primary" (click)="checkPass()">
            <i class="fa fa-check-square-o"></i>审核通过</button>
          <!-- <button *ngIf="_.includes(menuResourceSet,'btn-sf-checkpass')" class="btn btn-primary" (click)="checkNotPass()">
            <i class="fa fa-check-square-o"></i>审核不通过</button> -->
          <button *ngIf="_.includes(menuResourceSet,'btn-sf-ch')" class="btn btn-primary" (click)="checkWithdrew()">
            <i class="fa fa-undo"></i>撤回</button>
          <button *ngIf="_.includes(menuResourceSet,'btn-sf-export')" type="button" class="btn btn-primary" (click)="exportExcel()">
            <i class="fa fa-sign-out"></i>导出</button>
          <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
            <i class="fa fa-minus"></i>
          </button>
        </div>
        <div class="box-body" style="display:block">
          <div class="form-group col-lg-12" style="margin-bottom:10px !important;padding-left:0px !important;">
            <label class=" control-label">组合代码：</label>
            <input type="text" class="form-control" name="sFundCode" [(ngModel)]="socialCheckBody.sFundCode" placeholder="组合代码">
            <label class="control-label">组合名称：</label>
            <input type="text" class="form-control" name="sFullName" [(ngModel)]="socialCheckBody.sFullName" placeholder="组合名称">
          </div>
          <div class="form-group col-lg-12" style="padding-left:13px !important;">
            <label class="control-label">修改项：</label>
            <input type="text" class="form-control" name="sModifyItem" [(ngModel)]="socialCheckBody.sModifyItem" placeholder="修改项">
            <label class="control-label">审核状态：</label>
            <select class="form-control" [(ngModel)]="socialCheckBody.auditType" name="auditType">
              <option [value]="''">全部</option>
              <option [value]="1">待审核</option>
              <option [value]="2">审核通过</option>
              <!-- <option [value]="3">不通过</option> -->
              <!-- <option [value]="item.sItemKey" *ngFor="let item of dictionaryList.RENEWAL_AUDIT_TYPE">{{item.sItemValue}}</option> -->
            </select>
            <button class="btn btn-primary" (click)="list(1)">
              <i class="fa fa-search"></i>查询</button>
          </div>
        </div>
      </div>
    </form>
    <div class="box-body" style="padding-left:0px;padding-right:0px;">
      <!-- updated by dujh @20180703 修改表格变为可拉伸 -->
      <div style="overflow-x:scroll;height:450px" class="tbHeaderFix" id="checkList">
        <table class="table table-bordered table-hover table-striped">
          <thead>
            <tr>
              <th class="width-5">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" class="styled" id="checkboxAll" [(ngModel)]="isCheckedAll" (ngModelChange)="checkedAll()">
                  <label></label>
                </div>
              </th>
              <th class="width-8" (click)="orderData('sFundCode')">组合代码
                <i class="fa fa-sort"></i>
              </th>
              <th class="width-12" (click)="orderData('sFullName')">组合名称
                <i class="fa fa-sort"></i>
              </th>
              <!-- <th class="width-15">组合类型</th> -->
              <th class="width-12" (click)="orderData('dCreateTime')">修改日期
                <i class="fa fa-sort"></i>
              </th>
              <th class="width-10" (click)="orderData('sStatus')">审核状态
                <i class="fa fa-sort"></i>
              </th>
              <th class="width-13" (click)="orderData('sModifyItem')">修改项
                <i class="fa fa-sort"></i>
              </th>
              <th class="width-20" (click)="orderData('sBeforeModify')">修改前
                <i class="fa fa-sort"></i>
              </th>
              <th class="width-20" (click)="orderData('sAfterModify')">修改后
                <i class="fa fa-sort"></i>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of socialCheckList;let index = index;">
              <td class="width-5">
                <div class="checkbox checkbox-primary">
                  <input type="checkbox" class="styled" id="Checkbox1" name="checkbox" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                  <label></label>
                </div>
              </td>
              <td class="width-8" (dblclick)="showInfoModal(item)" [attr.title]="item.sFundCode">{{item.sFundCode}}</td>
              <td class="width-12" (dblclick)="showInfoModal(item)" [attr.title]="item.sFullName">{{item.sFullName}}</td>
              <!-- <td class="short_name" [attr.title]="item.sFundTypeName">{{item.sFundTypeName}}</td> -->
              <td class="width-12" (dblclick)="showInfoModal(item)" [attr.title]="item.dCreateTime">{{item.dCreateTime}}</td>
              <td class="width-10" (dblclick)="showInfoModal(item)">
                <span *ngIf="item.sStatus == '1'">待审核</span>
                <span *ngIf="item.sStatus == '2'">审核通过</span>
                <span *ngIf="item.sStatus == '3'">审核不通过</span>
              </td>
              <td class="width-13" (dblclick)="showInfoModal(item)" [attr.title]="item.sModifyItem">{{item.sModifyItem}}</td>
              <td class="width-20" (dblclick)="showInfoModal(item)" [attr.title]="item.sBeforeModify">
                {{item.sBeforeModify}}
              </td>
              <td class="width-20" (dblclick)="showInfoModal(item)" [attr.title]="item.sAfterModify">
                {{item.sAfterModify}}
              </td>
              <!-- <td class="width-20" [attr.title]="item.sBeforeModify">{{item.sBeforeModify}}</td>
              <td class="width-20" [attr.title]="item.sAfterModify">{{item.sAfterModify}}</td> -->
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="socialCheckListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="socialCheckListPageInfo.totalPages"
        (pageChanged)="oldageCheckPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">
            当前显示第{{socialCheckListPageInfo.startRow}}到第{{socialCheckListPageInfo.endRow}}条，总共{{socialCheckListPageInfo.total}}条，
          </span>
          <span class="page-list">
            每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{socialCheckListPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of socialCheckListPageInfo.pageList" role="menuitem" [class.active]="socialCheckListPageInfo.pageSize === i"
                  (click)="oldageCheckPagesizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>条
          </span>
        </div>
      </app-pagination>
    </div>
  </div>
</div>

<!-- 展示单个详细信息modal -->
<div class="modal modal-open modal-detail" id="checkInfo">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">详细信息</h4>
      </div>
      <div class="modal-body" style="padding-top:10px;">
        <form class="form-horizontal" style="padding-top:5px">
          <div class="form-group">
            <label class="col-lg-2 text-right">组合代码：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" disabled [(ngModel)]="data.sFundCode" name="sFundCode">
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">组合名称：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" disabled [(ngModel)]="data.sFullName" name="sFullName">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 text-right">修改日期：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" disabled [(ngModel)]="data.dCreateTime" name="dCreateTime">
            </div>
            <div class="col-lg-1"></div>
            <label class="col-lg-2 text-right">审核状态：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" disabled *ngIf="data.sStatus == '1'" value="待审核">
              <input class="form-control" type="text" disabled *ngIf="data.sStatus == '2'" value="审核通过">
              <input class="form-control" type="text" disabled *ngIf="data.sStatus == '3'" value="审核不通过">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 text-right">修改项：</label>
            <div class="col-lg-3">
              <input class="form-control" type="text" disabled [(ngModel)]="data.sModifyItem" name="sModifyItem">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 text-right">修改前：</label>
            <div class="col-lg-9">
              <textarea cols="30" rows="5" style="width:100%" disabled maxlength="250" [(ngModel)]="data.sBeforeModify" name="sBeforeModify"></textarea>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-2 text-right">修改后：</label>
            <div class="col-lg-9">
              <textarea cols="30" rows="5" style="width:100%" disabled maxlength="250" [(ngModel)]="data.sAfterModify" name="sAfterModify"></textarea>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>